<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>NBA篮球资料站</title>
    <link rel="stylesheet" href="../static/css/index.css">
    <script src="../static/js/index.js" charset="gb2312"></script>
    <script src="../static/js/comment.js"></script>
</head>
<body>
<!-- 大框 -->
<div id="container">
    <!-- 1 头部-->
    <div id="header">
        <div id="logo"></div>        <!-- 1左  logo -->
        <div id="title">        <!-- 1中  字 -->
            <br style="font-size: 30px;">
            <font style="font-family: STHupo; font-size: 50px;">
                NBA篮球资料站<br/>
            </font>
            <font style="font-family: STHupo; font-size: 30px;">
                BASKETBALL REFERENCE STATION
            </font>
        </div>
        <div id="select_search">    <!-- 1右  搜索-->
            <table height="160px" align="right">
                <!--						<tr align="right">-->
                <!--							<td>-->
                <!--								<font style="font-family: STHupo; font-size: 20px; color:#0F5F49;">-->
                <!--									关键词:-->
                <!--								</font>-->
                <!--							</td>-->
                <!--							<td><input type="text" size="25"></td>-->
                <!--							<td><input type="image" src="../static/images/搜索.png"></td>-->
                <!--						</tr>-->

                <tr align="right">
                    <td>
                        <span style="font-family: STHupo; font-size: 20px; color:#0F5F49;">欢迎你：</span><span
                            th:text="${user.account}"
                            style="font-family: STHupo; font-size: 20px; color:#0F5F49;">用户</span>
                        <a href="userInfo"
                           style="font-family: STHupo; font-size: 20px; color:#0F5F49;  margin-left: 20px">
                            个人资料
                        </a>
                    </td>
                    <td><a href="/"
                           style="font-family: STHupo; font-size: 20px; color:#0F5F49; margin-left: 10px">注销</a></td>
                </tr>

            </table>
        </div>
    </div>
    <!-- 2  导航栏-->
    <div id="nav">
        <table>
            <td><a href="index">首页</a></td>
            <td><a href="introduction">篮球赛事介绍</a></td>
            <td><a href="match">比赛集锦</a></td>
            <td><a href="tips">篮球攻略</a></td>
            <td><a href="star_player">名人堂</a></td>
            <!-- <td ><a href="toy">手办商城</a></td>
            <td ><a href="survey">问卷调查</a></td>  -->
            <!-- <td ><a href="join">加入我们</a></td>  -->
        </table>
    </div>
    <!-- 3  图片轮播-->
    <div id="bao">
        <div id="photo">
            <img src="../static/images/a.png">
            <img src="../static/images/b.png">
            <img src="../static/images/c.png">
            <img src="../static/images/a.png">
            <img src="../static/images/b.png">
        </div>
    </div>
    <!-- 4  左中右-->
    <div id="main">
        <div id="left">        <!--  4左   资讯-->
            <img src="../static/images/篮球资讯.png" width="262px" height="50px">
            <ul>
                <li>
                    <a href="https://www.sohu.com/a/494567636_458722?scm=1004.728313668755980288.0.0.0&spm=smpc.fb-nba-home.top-news-1.1.1634039450666j4gknw5">杜兰特23分哈登21分，76人胜篮网
                        <a><br>2021-10-12</li>
<!--                <li><a href="https://www.cbaleague.com/#/news/pic/news_detail/2003383">2021&#45;&#45;2022赛季CBA联赛踏上征途<a><br>2021-10-12-->
<!--                </li>-->
<!--                <li><a href="https://www.cbaleague.com/#/news/pic/news_detail/2003380">王翊雄当选2021年CBA选秀状元<a><br>2021-07-18-->
<!--                </li>-->
<!--                <li><a href="https://lurenwang.com/#/news/1415568492454854657">路人王全国落地100家联名球馆<a><br>2021-07-15</li>-->
            </ul>
        </div>
        <div id="center">    <!-- 4中  图片滚动-->
            <marquee onmouseover="this.stop()" onmouseout="this.start()">
                <img src="../static/images/滚4.png" border="5" width="400px" height="220px">
                <img src="../static/images/滚4.png" border="5" width="400px" height="220px">
                <img src="../static/images/滚4.png" border="5" width="400px" height="220px">
                <img src="../static/images/滚4.png" border="5" width="400px" height="220px">
            </marquee>
        </div>
        <div id="right">        <!-- 4右 登录-->
            <img src="../static/images/登陆邮箱.png" width="250" height="50px"><br/>
            <form id="fo" action="">
                <table align="center" class="register">
                    <tr>
                        <td>邮箱</td>
                        <td><input type="text" id="user01" maxlength="20" placeholder="请输入您的邮箱" required/></td>
                        <td><input type="submit" value="登录"></td>
                    </tr>
                    <tr>
                        <td>密码</td>
                        <td><input type="password" id="password01" maxlength="16" placeholder="请输入密码......" required/>
                        </td>
                        <td><input type="reset"></td>
                    </tr>
                </table>
            </form>
            <div class="wjmmzczh">
                <a href="#">忘记密码</a>
                <a href="#">注册账号</a>
            </div>
        </div>
    </div>
    <!-- 5 留言区-->
    <!--			<div id="comment">-->
    <!--				<h2 >留言板</h2>-->
    <!--				<hr size="2px" color="#b5b5b5" width="990px" align="left">-->
    <!--				<form>-->
    <!--					<table align="center">-->
    <!--						<tr>-->
    <!--							<td>邮箱：</td>-->
    <!--							<td><input type="text" id="n"/></td>-->
    <!--							<td>Wechat：</td>-->
    <!--							<td><input type="text" id="x"/></td>-->
    <!--							<td>留言时间：</td>-->
    <!--							<td><input type="text" id="t" placeholder=""/></td>-->
    <!--						</tr>-->
    <!--						<tr>-->
    <!--							<td >留言内容：</td>-->
    <!--							<td colspan="5"><textarea id="txt" cols="86" rows="5" placeholder="评论的时候，请遵纪守法并注意语言文明"></textarea></td>-->
    <!--						</tr>-->
    <!--					</table>-->
    <!--					<div align="center">-->
    <!--						<input type="submit" value="提交留言" onclick="check()">-->
    <!--						<input type="reset" value="重置内容">-->
    <!--					</div>-->
    <!--				</form>-->
    <!--			</div>-->
    <!-- 6 版权区-->
    <div id="footer">
        <p class="p1">Copyright&nbsp;&copy;&nbsp;2022&nbsp;<span>LINBO</span>,All&nbsp;rights&nbsp;reserved.</p>
        <p class="p2">2022,版权所有&nbsp;LIN&nbsp;</p>
    </div>
    <!-- 7 音乐 -->
    <embed src="../static/audios/attack.mp3" width=0 height=0 type=audio/mpeg loop="-1" autostart="true"
           volume="0"></embed>
</div>
</body>
</html>
